<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="css/base.css" rel="stylesheet" type="text/css">
    <link href="css/xiangqing.css" rel="stylesheet" type="text/css">
    <script src="js/jquery-3.1.0.js" type="text/javascript"></script>
    <script src="js/base.js" type="text/javascript"></script>
    <script src="js/xq.js" type="text/javascript"></script>

</head>
<body>
<div class="innter rl">
    <div class="ab none">
        <input class="text" type="text"><input class="but" type="button">
        <div class="ab_menu">
            <ul></ul>
        </div>
        <div class="ab_menu_l"></div>
    </div>
</div>
<div class="top clearfix">
    <div class="innter">
        <ul class="lf">
            <li><a href="javascript:">收藏本站</a></li>
            <li class="holle">您好，欢迎光临紫气东方!</li>
            <li><a class="col" href="javascript:">登录</a></li>
            <li><a class="col" href="javascript:">免费注册</a></li>
        </ul>
        <ul class="lr">
            <li><a href="javascript:">我的订单</a></li>
            <li><a href="javascript:">手机店铺</a></li>
            <li><a href="javascript:">帮助中心</a></li>
        </ul>
    </div>
</div>
<div class="search clearfix">
    <div class="innter">
        <div class="lf logo">
            <img src="images/logo.png">
        </div>
        <div class="search_t lf">
            <select>
                <option selected="selected">选择分类</option>
                <option>紫砂壶</option>
                <option>紫砂杯</option>
            </select><input class="text" type="text"><input class="but" type="button" value="搜索">
            <p>热门搜索：<a href="javascript:">紫砂壶</a><a href="javascript:">紫砂杯</a><a href="javascript:">紫砂套件</a><a href="javascript:">紫砂茶宠</a><a href="javascript:">国家级高工</a></p>
        </div>
        <div class="car lf">
            <span>购物车</span>
            <i>0</i>
        </div>
        <div class="tell">
            <a href="javascript:"><img src="images/tell.png"></a>
        </div>
    </div>

</div>
<div class="nav">
    <div class="innter clearfix">
        <div class="nav_1">
            <ul>
                <li class="max"><a href="javascript:">全部商品</a></li>
                <li><a href="javascript:">商城首页</a></li>
                <li><a href="javascript:">新品上市</a></li>
                <li><a href="javascript:">热卖商品</a></li>
                <li><a href="javascript:">名家收藏</a></li>
                <li><a href="javascript:">专业定制</a></li>
                <li><a href="javascript:">商品批发</a></li>
                <li><a href="javascript:">品牌文化</a></li>
                <li><a href="javascript:">紫砂百科</a></li>
                <li><a href="javascript:">积分商城</a></li>
            </ul>
        </div>
        <div class="menu none">
            <ul></ul>
        </div>
        <div class="menu_l"></div>
    </div>
</div>
<div class="innter mmain clearfix">
    <div class="h">
        <h3>产品详情</h3>
        <p><a href="javascript:">首页</a> > <a href="javascript:">新品上市</a></p>
    </div>
    <div class="smain clearfix">
        <div class="lf pic">
            <ul class="mpic">

            </ul>
            <i class="none"></i>
            <span class="left"></span>
            <ul class="spic clearfix">
                <li>
                    <img src="images/0001/1.jpg">
                </li>
                <li>
                    <img src="images/0001/2.jpg">
                </li>
                <li>
                    <img src="images/0001/3.jpg">
                </li>
                <li>
                    <img src="images/0001/4.jpg">
                </li>
                <li>
                    <img src="images/0001/5.jpg">
                </li>
                <li>
                    <img src="images/0001/6.jpg">
                </li>
            </ul>
            <span class="right"></span>
            <ul class="bpic none">

            </ul>
        </div>
        <div class="lf info">
            <h2>竹叶西施清紫泥</h2>
            <h3>手工宜兴紫砂壶 名家新品特价折扣超值茶壶具五折优惠大礼等你拿！！ </h3>
            <p>商品编号：<span>88888</span></p>
            <p>购买价格：<span><i>600.00</i> 元</span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp会员价：<span><i>580.00</i> 元</span>（根据会员级别显示对应价位）</p>
            <p>赠送积分：<span><i>10</i>积分</span></p>
            <div class="sales">
                <p>促销信息：</p>
                满100元免邮费<br>满300.0减20.0，满600.0减50.0，满1500.0减200.0
            </div>
            <p>物流运费：<span>北京 | 快递: ¥10.00 EMS: ¥20.00 平邮: ¥10.00</span></p>
            <p class="a">支付方式：<span>货到付款 网银支付</span></p>
            <p class="b">购买数量：<input type="button" value="-"><input class="text" type="text" value="0"><input type="button" value="+"> 库存<i>20</i>件</p>
            <input type="button" value="立即购买"> <input class="buy" type="button" value="加入购物车">
        </div>
    </div>
    <div class="recommend_tj">
        <h2>同类商品推荐</h2>
        <span class="left" ></span>
        <ul class="clearfix">
            <li>
                <img src="images/commodities/1-1%20(1).png">
                <h4>竹叶西施</h4>
                <p>￥<i>50000</i>.00</p>
                <input class="buy" type="button" value="加入购物车">
            </li>
            <li>
                <img src="images/commodities/2-1%20(1).jpg">
                <h4>竹叶西施</h4>
                <p>￥<i>50000</i>.00</p>
                <input class="buy" type="button" value="加入购物车">
            </li>
            <li>
                <img src="images/commodities/3-1%20(1).jpg">
                <h4>竹叶西施</h4>
                <p>￥<i>50000</i>.00</p>
                <input class="buy" type="button" value="加入购物车">
            </li>
            <li>
                <img src="images/commodities/4-1%20(1).jpg">
                <h4>竹叶西施</h4>
                <p>￥<i>50000</i>.00</p>
                <input class="buy" type="button" value="加入购物车">
            </li>
            <li>
                <img src="images/commodities/2-3%20(1).jpg">
                <h4>竹叶西施</h4>
                <p>￥<i>50000</i>.00</p>
                <input class="buy" type="button" value="加入购物车">
            </li>
            <li>
                <img src="images/commodities/3-2%20(1).jpg">
                <h4>竹叶西施</h4>
                <p>￥<i>50000</i>.00</p>
                <input class="buy" type="button" value="加入购物车">
            </li>
            <li>
                <img src="images/commodities/1-7%20(1).jpg">
                <h4>竹叶西施</h4>
                <p>￥<i>50000</i>.00</p>
                <input class="buy" type="button" value="加入购物车">
            </li>
            <li>
                <img src="images/commodities/1-8%20(1).jpg">
                <h4>竹叶西施</h4>
                <p>￥<i>50000</i>.00</p>
                <input class="buy" type="button" value="加入购物车">
            </li>
        </ul>
        <span class="right"></span>
    </div>
    <div class="lf recommend clearfix">
        <dl>
            <dt>同价位商品推荐</dt>
            <dd class="clearfix">
                <img src="images/commodities/1-1%20(1).png">
                <h4>竹叶西施</h4>
                <p class="lf">￥<i>50000</i>.00</p>
                <span class="lr">已售<i>288</i>件</span>
            </dd>
            <dd class="clearfix">
                <img src="images/commodities/2-1%20(1).jpg">
                <h4>竹叶西施</h4>
                <p  class="lf">￥<i>50000</i>.00</p>
                <span class="lr">已售<i>288</i>件</span>
            </dd>
        </dl>
        <dl>
            <dt>配套商品推荐</dt>
            <dd class="clearfix">
                <img src="images/commodities/1-1%20(1).png">
                <h4>竹叶西施</h4>
                <p class="lf">￥<i>50000</i>.00</p>
                <span class="lr">已售<i>288</i>件</span>
            </dd>
            <dd class="clearfix">
                <img src="images/commodities/2-1%20(1).jpg">
                <h4>竹叶西施</h4>
                <p  class="lf">￥<i>50000</i>.00</p>
                <span class="lr">已售<i>288</i>件</span>
            </dd>
        </dl>
        <dl>
            <dt>相关商品推荐</dt>
            <dd class="clearfix">
                <img src="images/commodities/1-1%20(1).png">
                <h4>竹叶西施</h4>
                <p class="lf">￥<i>50000</i>.00</p>
                <span class="lr">已售<i>288</i>件</span>
            </dd>
            <dd class="clearfix">
                <img src="images/commodities/2-1%20(1).jpg">
                <h4>竹叶西施</h4>
                <p  class="lf">￥<i>50000</i>.00</p>
                <span class="lr">已售<i>288</i>件</span>
            </dd>
        </dl>
        <dl>
            <dt>浏览记录</dt>
            <dd class="clearfix">
                <img src="images/commodities/1-1%20(1).png">
                <h4>竹叶西施</h4>
                <p class="lf">￥<i>50000</i>.00</p>
                <span class="lr">已售<i>288</i>件</span>
            </dd>
            <dd class="clearfix">
                <img src="images/commodities/2-1%20(1).jpg">
                <h4>竹叶西施</h4>
                <p  class="lf">￥<i>50000</i>.00</p>
                <span class="lr">已售<i>288</i>件</span>
            </dd>
        </dl>
    </div>
    <div class="lr introduce">
        <ul class="clearfix">
            <li>商品详情</li>
            <li>包装清单</li>
            <li>累计评价<i>188</i></li>
            <li>成交记录<i>266</i>件</li>
            <li>售后保障</li>
        </ul>
        <ol>
            <li>
                <img src="images/images/xq_03.png">
            </li>
            <li class="none">
                紫砂杯 × 1锦囊 × 1 锦盒 × 1
            </li>
            <li class="none">
                <img src="images/images/xq_03.png">
            </li>
            <li class="none">
                <img src="images/images/xq_03.png">
            </li>
            <li class="none">
                1.产品发出前我们会仔细检查，如果您收到产品发现质量问题，紫气东方为您提供无条件退换货服务，并由我们负责承担来回运费。
                2.运输过程中，产生的产品损坏问题由我们承担。（请您在收到货物第一时间与我们联系，以便尽快解决问题，避免您的损失）
                3.紫气东方为您提供刻字服务，500元以上产品免费刻字，500元以下3元/每个字。
            </li>
        </ol>
    </div>
</div>

<div class="bottom clearfix">
    <div class="innter">
        <div class="bottom_li">
            <span></span>
            <dl>
                <dt>购物指南</dt>
                <dd><a href="javascript:">购物流程</a></dd>
                <dd><a href="javascript:">会员介绍</a></dd>
                <dd><a href="javascript:">常见问题</a></dd>
                <dd><a href="javascript:">联系客服</a></dd>
            </dl>
        </div>
        <div class="bottom_li">
            <span></span>
            <dl>
                <dt>配送方式</dt>
                <dd><a href="javascript:">上门自提</a></dd>
                <dd><a href="javascript:">快递运输</a></dd>
                <dd><a href="javascript:">快递查询</a></dd>
                <dd><a href="javascript:">收费标准</a></dd>
            </dl>
        </div>
        <div class="bottom_li">
            <span></span>
            <dl>
                <dt>支付方式</dt>
                <dd><a href="javascript:">货到付款</a></dd>
                <dd><a href="javascript:">在线支付</a></dd>
                <dd><a href="javascript:">邮局汇款</a></dd>
                <dd><a href="javascript:">银行转账</a></dd>
            </dl>
        </div>
        <div class="bottom_li">
            <span></span>
            <dl>
                <dt>售后服务</dt>
                <dd><a href="javascript:">售后保障</a></dd>
                <dd><a href="javascript:">价格保护</a></dd>
                <dd><a href="javascript:">退款说明</a></dd>
                <dd><a href="javascript:">退换商品</a></dd>
            </dl>
        </div>
        <div class="bottom_li">
            <span></span>
            <dl>
                <dt>优惠信息</dt>
                <dd><a href="javascript:">我的积分</a></dd>
                <dd><a href="javascript:">积分使用说明</a></dd>
                <dd><a href="javascript:">我的优惠券</a></dd>
                <dd><a href="javascript:">优惠券使用说明</a></dd>
            </dl>
        </div>
        <div class="bottom_li">
            <span></span>
            <dl>
                <dt>特色服务</dt>
                <dd><a href="javascript:">专业定制</a></dd>
                <dd><a href="javascript:">上门服务</a></dd>
                <dd><a href="javascript:">免费样品</a></dd>
                <dd><a href="javascript:">维修服务</a></dd>
            </dl>
        </div>
        <div class="bottom_top">
            <img src="images/bottom_tj.png">
            <p>TOP</p>
        </div>
    </div>
</div>
<div class="innter footer">
    <div class="list">
        <a href="javascript:">专业定制</a> - <a href="javascript:">关于我们</a> - <a href="javascript:">联系我们</a> - <a href="javascript:">人才招聘</a> - <a href="javascript:">淘宝店铺</a> - <a href="javascript:">京东店铺</a>
    </div>
    <p>版权所有：2013 紫气东方 京ICP备 09102241  技术支持：易品互动</p>
    <dl>
        <dt>在线客服:</dt>
        <dd><a href="javascript:">189889148</a></dd>
        <dd><a href="javascript:">189889185</a></dd>
        <dd><a href="javascript:">102162438</a></dd>
    </dl>
    <ul>
        <li>
            <img src="images/ba.png">
            <p>经营性网站<br>备案信息</p>
        </li>
        <li>
            <img src="images/zfb.png">
            <p>支付宝<br>信任商家</p>
        </li>
        <li>
            <img src="images/kx.png">
            <p>可信网站<br>身份验证</p>
        </li>
        <li>
            <img src="images/gs.png">
            <p>北京工商<br>行政管理</p>
        </li>
    </ul>
</div>
</body>
</html>